<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ollama Web Client</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>AI 助手</h1>
            <p>天杰智能问答系统</p>
        </header>

        <div class="chat-container">
            <div class="model-selector">
                <label for="modelSelect">选择模型:</label>
                <select id="modelSelect">
                    <option value="deepseek-r1:32b">DeepSeek-R1 32B (高精度)</option>
                    <option value="deepseek-r1:14b">DeepSeek-R1 14B (平衡)</option>
                    <option value="deepseek-r1:7b">DeepSeek-R1 7B (快速)</option>
                    <option value="qwen2.5:14b">Qwen2.5 14B (中文优化)</option>
                </select>
            </div>
            
            <div id="messages" class="messages">
                <div class="system-message">
                    💡 提示：选择较小的模型可以获得更快的响应速度
                </div>
            </div>
            
            <form id="chatForm" class="input-form">
                <div class="input-group">
                    <textarea 
                        id="promptInput" 
                        placeholder="请输入您的问题..." 
                        rows="3"
                        required
                    ></textarea>
                    <button type="submit" id="sendBtn">
                        <span id="sendText">发送</span>
                        <span id="loadingText" style="display: none;">生成中...</span>
                    </button>
                </div>
            </form>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>
